<template>
  <button
    class="pt-4 pb-10 text-blue-600"
    :class="[isShowCommentBox?'pd-2':'pd-10']"
    @click="isShowCommentBox=!isShowCommentBox"
  >
    回复
  </button>
  <CommentBox
    v-if="isShowCommentBox"
    @submit="emit('submit',$event);
             isShowCommentBox=false"
  />
</template>

<script setup>
import {ref} from 'vue'
import CommentBox from './CommentBox.vue'
const isShowCommentBox = ref(false)
const emit = defineEmits([''])
</script>

<style lang="scss" scoped>

</style>